﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="testew.aspx.cs" Inherits="hondaab.testew" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
 		<link type="text/css" href="portal/js/jquery-ui-1.8.13.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="portal/js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="portal/js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript">
		    $(function() {

		        // Accordion
		        $("#accordion").accordion({ header: "h3" });

		        //Autocomplete
		        $("#autocomplete").autocomplete({
		            source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]
		        });

		        // Button
		        $("#button").button();
		        $("#radioset").buttonset();

		        // Tabs
		        $('#tabs').tabs();


		        // Dialog			
		        $('#dialog').dialog({
		            autoOpen: false,
		            width: 600,
		            buttons: {
		                "Ok": function() {
		                    $(this).dialog("close");
		                },
		                "Cancel": function() {
		                    $(this).dialog("close");
		                }
		            }
		        });

		        // Dialog Link
		        $('#dialog_link').click(function() {
		            $('#dialog').dialog('open');
		            return false;
		        });

		        // Datepicker
		        $('#datepicker').datepicker({
		            inline: true
		        });

		        // Slider
		        $('#slider').slider({
		            range: true,
		            values: [17, 67]
		        });

		        // Progressbar
		        $("#progressbar").progressbar({
		            value: 20
		        });

		        //hover states on the static widgets
		        $('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); },
					function() { $(this).removeClass('ui-state-hover'); }
				);

		    });
		</script>
		
		<script type="text/javascript">
		    $('#TextBox1').datepicker();
		</script>
		
		<style type="text/css">
			/*demo page css*/
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
		</style>	

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="datepicker"></div>
    
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>
